// app 是react项目自带的一个组件，默认是函数式组件

// import logo from './logo.svg';
import './App.css';

// ❤ 使用一个组件 ：
// 1）第一步：引入
import List from "./component/List"; //列表渲染
import Alert from "./component/Alert"; //弹窗
import Tab from "./component/Tab"; //tab切换

function App() {
  // return是要渲染的内容，最外层只能写一个标签 
  return (
    // react中类名称之为className
    <div className="App">
      <header className="App-header">
        {/* 再使用js变量或者语法的时候，先使用花括号{}*/}
        {/* <img src={logo} className="App-logo" alt="logo" /> */}
        {/* 2）第二步：以标签的形式使用  */}
        <Alert></Alert>
        <List></List>
        <Tab></Tab>
        <a
          className="App-link"
          href="https://reactjs.org"
          target="_blank"
          rel="noopener noreferrer"
        >
          Learn React
        </a>
      </header>
    </div>
  );
}

export default App;
